/* pages/community1/index.wxss */
page {
    background-image: linear-gradient(0deg, #fbfbfb 0%, #ffffff 48%, #bfe6ec 100%);
    box-shadow: 5px -30px 85px 0px rgba(226, 231, 236, 0.07);
}
.flex {
    display: flex;
    flex-direction: row;
}
.nav-box {
    position: fixed;
    top: 0;
    width: 100%;
    height: 170rpx;
}
.head-block {
    height: 80rpx;
    width: 100%;
    /* background: #f2f2f2; */
    color: #333333;
	font-weight: bolder;
	text-align: center;
	line-height: 80rpx;
}
.icon {
    position: fixed;
    z-index: 2;
    left: 4%;
    top: 108rpx;
}
.contain-nav-box {
    position: fixed;
    left: 30rpx;
    display: flex;
}
.body-container {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 20rpx;
}

.body-content {
    height: 500rpx;
    overflow: scroll;
}

.body-banner {
    text-align: center;
    display: table-cell;
    vertical-align: middle;
}

.body-banner1 {
    text-align: center;
}

.body-banner1 image {
    width: 300rpx;
    height: 300rpx;
}

.body-banner image {
    width: 560rpx;
}

.body-h1 {
    font-family: SourceHanSansCN-Bold;
    font-size: 50rpx;
    color: #00bcab;
    letter-spacing: 3.1rpx;
    text-align: center;
}

.body-h4 {
    font-family: SourceHanSansCN-Regular;
    font-size: 28rpx;
    color: #aeaeae;
    letter-spacing: 0;
    line-height: 45rpx;
    text-align: center;
    width: 500rpx;
    margin: 0 auto;
}

.body-btn-double {
    position: fixed;
    bottom: 70rpx;
    width: 100%;
}

.body-btn .van-button {
    /* margin-top: 50rpx; */
    /* margin-bottom: 20rpx; */
    width: 670rpx;
    height: 94rpx;
    background-color: #00bcab !important;
    border-radius: 47rpx !important;
    border-radius: 47rpx !important;
    border: none !important;
}

.body-btn .van-button--info {
    font-family: SourceHanSansCN-Medium;
    font-size: 36rpx;
    color: #ffffff !important;
    letter-spacing: 0 !important;
    text-align: center !important;
    display: flex;
    justify-content: center;
}

.body-t {
    margin: 30rpx 50rpx;
}

.body-alert {
    font-family: SourceHanSansCN-Regular;
    font-size: 24rpx;
    color: #ff2300;
    letter-spacing: 0;
    text-align: left;
}

.body-btn1 .van-button {
    /* margin-top: 50rpx; */
    /* margin-bottom: 20rpx; */
    width: 670rpx;
    height: 94rpx;
    background-color: #00bcab !important;
    border-radius: 47rpx !important;
    border-radius: 47rpx !important;
    border: none !important;
}

.body-btn1 .van-button--info {
    font-family: SourceHanSansCN-Medium;
    font-size: 36rpx;
    color: #ffffff !important;
    letter-spacing: 0 !important;
    text-align: center !important;
    display: flex;
    justify-content: center;
}

.body-ha {
    font-family: SourceHanSansCN-Medium;
    font-size: 34rpx;
    color: #00bcab;
    letter-spacing: 0;
    text-align: center;
    line-height: 60rpx;
}

.body-hb {
    font-family: SourceHanSansCN-Medium;
    font-size: 34rpx;
    color: #292d39;
    letter-spacing: 0;
    text-align: center;
    line-height: 60rpx;
}

.body-hb-title {
    font-size: 30rpx;
    color: #292d39;
    /* text-align: left; */
    /* margin-left: 100rpx; */
    text-align: center;
    font-weight: 600;
}

.body-hc {
    width: 80%;
    margin-left: 10%;
    font-family: SourceHanSansCN-Regular;
    font-size: 28rpx;
    color: #aeaeae;
    letter-spacing: 0;
    line-height: 45rpx;
    text-align: center;
}

.body-btn2 .van-button {
    margin-top: 50rpx;
    width: 670rpx;
    height: 94rpx;
    border: 1px solid #909090;
    border-radius: 47rpx;
    border-radius: 47rpx;
}

.body-btn2 .van-button--info {
    display: flex;
    justify-content: center;
    font-family: SourceHanSansCN-Medium;
    font-size: 36rpx;
    color: #666666;
    letter-spacing: 0;
    text-align: left;
    background-color: #ffffff !important;
}

.body-btn-add {
    margin-bottom: 20rpx;
    font-family: SourceHanSansCN-Medium;
    font-size: 36rpx;
    color: #00bcab;
    letter-spacing: 0;
    text-align: center;
}

/* 登录 */
.nopark {
    margin-top: 360rpx;
    display: flex;
    justify-content: center;
}

.nopark image {
    width: 180rpx;
    height: 360rpx;
}

.text {
    font-family: SourceHanSansCN-Medium;
    font-size: 34rpx;
    color: #292d39;
    text-align: center;
    margin-top: 70rpx;
}

.btn {
    /* position: fixed;
    bottom: 50rpx; */
    width: 90%;
    height: 94rpx;
    line-height: 94rpx;
    border: 2rpx solid #00bcab;
    border-radius: 47rpx;
    text-align: center;
    margin: 35rpx;
    font-family: SourceHanSansCN-Medium;
    font-size: 36rpx;
    color: #ffffff;
    background-color: #00bcab;
}
.cm-title {
    font-size: 32rpx;
    color: #292d39;
    margin-top: 70rpx;
}
.cm-input {
    background: #ffffff;
    border: 2rpx solid rgba(0, 0, 0, 0.15);
    border-radius: 4rpx;
    margin-top: 20rpx;
    margin-bottom: 80rpx;
}
/* 顶部新的横向滚动区 */
.top-box {
    margin: 30rpx 0 30rpx 0;
}
.top-box-title {
    margin-bottom: 30rpx;
    margin-left: 40rpx;
    font-size: 40rpx;
    color: #363a44;
}
.top-box-text {
    font-family: PingFangSC-Regular;
    font-size: 26rpx;
    margin-left: 10rpx;
    line-height: 65rpx;
    color: #999999;
    font-weight: 400;
}
.top-scroll-box {
    height: 350rpx;
}
.card-item {
    width: 242rpx;
    height: 291rpx;
    /* background-image: radial-gradient(50% 72%, #2DF3E0 36%, #00BCAB 73%); */
    /* box-shadow: 2rpx 2rpx 15rpx 2rpx rgba(0,0,0,0.13);
    border-radius: 14rpx; */
    margin-left: 40rpx;
    /* margin-bottom: 20rpx; */
    position: relative;
    display: inline-block;
    background-image: linear-gradient(0deg, #f5fcfb 0%, #ffffff 100%);
    box-shadow: 0rpx 7rpx 24rpx 0rpx rgba(0, 0, 0, 0.05);
    border-radius: 16rpx;
}
.card-bg {
    width: 240rpx;
    height: 320rpx;
}

.card-tag-text {
    position: absolute;
    top: 5rpx;
    right: 5rpx;
    color: #00bcab;
}
.text-orange {
    color: #ffffff;
}
.card-img1 {
    position: absolute;
    top: 20rpx;
    /* width: 146rpx;
    height: 120rpx; */
    width: 205rpx;
    height: 205rpx;
    left: 0;
    right: 0;
    margin: auto;
}
.card-img {
    position: absolute;
    top: 20rpx;
    /* top: 80rpx; */
    /* width: 180rpx;
    height: 90rpx; */
    width: 205rpx;
    height: 205rpx;
    left: 0;
    right: 0;
    margin: auto;
}
.card-text-name {
    position: absolute;
    bottom: 15rpx;
    left: 22rpx;
    font-size: 32rpx;
    color: #292d39;
    width: 190rpx;
    overflow-x: scroll;
}
.card-text-name ::-webkit-scrollbar {
    width: 0 !important;
}
.card-text-space {
    position: absolute;
    bottom: 12rpx;
    left: 22rpx;
    font-size: 24rpx;
    color: #b3b5b9;
    width: 190rpx;
    overflow-x: scroll;
}
.scroll-view-H {
    width: 100%;
    height: 350rpx;
    white-space: nowrap;
}

/* 新增卡片 */
.card-add-img {
    position: absolute;
    width: 53rpx;
    height: 53rpx;
    display: block;
    top: 68rpx;
    /* left: 40%; */
    margin: auto;
    left: 0;
    right: 0;
}
.card-add-name {
    position: absolute;
    top: 136rpx;
    text-align: center;
    font-size: 24rpx;
    color: #ffffff;
    /* left: 40%; */
    left: 0;
    right: 0;
    margin: auto;
}

/* v2.5.4底部按钮新样式 */
.btn-row {
    margin: 120rpx 30rpx 30rpx 30rpx;
}
.btn {
    margin: 40rpx;
    width: 90%;
    height: 94rpx;
    background: #00bcab;
    border-radius: 47rpx;
    font-family: SourceHanSansCN-Medium;
    font-size: 36rpx;
    color: #ffffff;
    line-height: 94rpx;
    text-align: center;
    letter-spacing: 2rpx;
}
.btn1 {
    margin: 40rpx;
    width: 90%;
    height: 94rpx;
    background: #ffffff;
    border-radius: 47rpx;
    border: 2px solid rgba(0, 188, 171, 1);
    font-family: SourceHanSansCN-Medium;
    font-size: 36rpx;
    color: #00bcab;
    line-height: 94rpx;
    text-align: center;
    letter-spacing: 2rpx;
}
.btn-contain {
    /* width: 49%;
    height: 130rpx; */
    position: relative;
    width: 331rpx;
    height: 140rpx;
    background: #ffffff;
    border: 1rpx solid rgba(206, 236, 231, 1);
    box-shadow: 0rpx 7rpx 24rpx 0rpx rgba(0, 0, 0, 0.05);
    border-radius: 16rpx;
}
.img-bg {
    display: block;
    width: 100%;
    height: 100%;
}
.img-icon {
    width: 100rpx;
    height: 100rpx;
    position: absolute;
    top: 25rpx;
    left: 25rpx;
}
.btn-text {
    /* font-family: SourceHanSansCN-Medium;
    font-size: 28rpx;
    color: #FFFFFF; */
    font-family: SourceHanSansCN-Medium;
    font-size: 30rpx;
    color: #292d39;
    font-weight: 600rpx;
    position: absolute;
    top: 50rpx;
    bottom: 0;
    left: 140rpx;
    /* width: 110rpx; */
    padding-right: 70rpx;
    /* margin: auto;
    height: 30rpx; */
}
.manageSum {
    position: absolute;
    width: 230rpx;
    height: 40rpx;
    line-height: 40rpx;
    margin: 0 8rpx;
    border-radius: 8rpx;
    background: rgba(200, 242, 236, 0.7);
    z-index: 99;
    top: 189rpx;
    /* text-indent:20rpx ; */
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all;
    font-family: SourceHanSansCN-Regular;
    font-size: 20rpx;
    color: #787878;
    letter-spacing: 0;
    text-align: center;
    font-weight: 400;
}
.allNum {
    position: absolute;
    right: 0rpx;
    width: 120rpx;
    height: 36rpx;
    /* background-image: linear-gradient(269deg, #E4EAF9 0%, #E7F0FF 100%); */
}
.num1 {
    position: absolute;
    width: 100%;
    text-align: center;
    top: 0rpx;
    font-family: DIN-Bold;
    font-size: 30rpx;
    color: #6588dc;
    letter-spacing: 0;
    text-align: center;
    line-height: 32rpx;
    font-weight: 700;
}

.del-icon {
    width: 80rpx;
    height: 80rpx;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
}
.del-icon image {
    position: absolute;
    width: 30rpx;
    height: 30rpx;
    right: 0;
    top: 0;
}
.text-style {
    font-size: 30rpx;
    font-family: DIN-Bold;
    color: #008a7d;
    font-weight: 700;
}
.no-data-info {
    width: 573rpx;
    height: 96rpx;
    margin: 0rpx auto;
    font-family: PingFangSC-Regular;
    font-size: 30rpx;
    color: #999999;
    letter-spacing: 0;
    text-align: center;
    line-height: 48rpx;
    font-weight: 400;
}

.uiStyle .top-box-title{
	font-weight: bolder;
}
.uiStyle .top-box-text{
	font-size: 32rpx;
}
.uiStyle .card-text-name{
	font-size: 40rpx;
	font-weight: bolder;
}
